﻿@import url("Clear.css");
@import url("Comun.css");

/* ----------------------------------- */

body { background: url("../Images/youtube.jpg") no-repeat top center }

#LibraryMain 
{
    width: 510px;
    height: 386px;
    margin-left: 4px;
}

/* ----------------------------------- */

#library-main-container 
{
    height: 480px;
    background-color: transparent;
    margin-top: 3px;
}


#LibraryMain  div.mainColumn
{
    margin:0px;
    padding:0px;
    border:0px;
    width:85%;
}

#LibraryMain div.row.viewed, 
#LibraryMain div.row.viewed div.mainColumn a
{
    color: Green;
}

#LibraryMain  div.lblInfo
{
    font-size: 18px;
    text-align: right;
    color: #061c50;
    margin-top:3px;
}

/* -------------------------------------- */

.video-entry 
{
    color: #061c50;
    font-size: 22px;
    font-weight: bold;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    background-image: url('../Images/youtube-line-bkgr.gif');
    height: 100px;
    padding-top: 2px;
    padding-left: 7px;
    margin-bottom: 2px;
}

    .video-thumbnail { float:left; width:120px; margin-top:4px; }

    .video-main-content { float:left; width:350px; margin-left:10px; margin-top:2px; height:90px; }

        .video-title { font-size:20px; }
        
        .video-description { font-size:17px; font-weight:normal; white-space:normal; height:64px; overflow-y:hidden; }

/* -------------------------------------- */


.thumbnail
{
float: left;
width: 160px;
height: 143px;
margin-bottom:4px;
}

.thumbnail .image
{
    width:71px;
    height:102px;
    border:solid 5px rgb(43,91,179);
}

.thumbnail .text
{
    color:White;
    font-size:18px;
    font-weight:normal;
}

/* ----------------------------------- */

#library-menu {
 float:left;
 width:125px;
 height: 322px;
}

    #library-menu .image
    {
    width:115px;
    height:170px;
    border:solid 5px rgb(43,91,179);
    }
